<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>成都缘友社交网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/sign.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<main class="col-sm-6 col-sm-offset-3">
	<form class="form-horizontal" role="form">
	  <div class="form-group">
	    <label for="phones" class="col-sm-3 control-label">手机号</label>
	    <div class="col-sm-8 inputPhone">
	      <input type="text" name="phones" class="form-control" id="phones" placeholder="请输入手机号码...">
	      <button type="button">获取验证码</button>
	    </div>
	  </div>
	  <div class="form-group">
	    <label for="code" class="col-sm-3 control-label">验证码</label>
	    <div class="col-sm-8">
	      <input type="text" name="code" class="form-control" id="code" placeholder="请输入验证码...">
	    </div>
	  </div>
	  <div class="form-group">
	    <label for="userName" class="col-sm-3 control-label">用户名</label>
	    <div class="col-sm-8">
	      <input type="text" name="userName" class="form-control" id="userName" placeholder="用户名不得少于2位字符...">
	    </div>
	  </div>
	  <div class="form-group">
	    <label for="password" class="col-sm-3 control-label">密码</label>
	    <div class="col-sm-8">
	      <input type="password" name="password" class="form-control" id="password" placeholder="请输入密码...">
	    </div>
	  </div>
	  <div class="form-group">
	    <label for="confimPassword" class="col-sm-3 control-label">确认密码</label>
	    <div class="col-sm-8">
	      <input type="password" name="confimPassword" class="form-control" id="confimPassword" placeholder="请确认密码...">
	    </div>
	  </div>
	  <div class="checkbox col-sm-offset-3">
	    <label>
	      <input type="checkbox">我已阅读并同意《成都缘友网使用协议》
	    </label>
	  </div>
	  <div class="form-group">
	    <div class="col-sm-offset-3 col-sm-4 col-xs-5">
	      <button type="submit" class="btn sign">注&nbsp;&nbsp;&nbsp;&nbsp;册</button>
	    </div>
	    <div class="col-sm-5 col-xs-7 exist">
	    	已有账号，前去<a href="login.html">登录</a>
	    </div>
	  </div>
	</form>        
</main>
<footer class="col-sm-6 col-sm-offset-3">
	<ul class="list-inline">
	  <li><a href="index.html">回到首页</a></li>
	  <li><a href="index.html">联系我们</a></li>
	  <li><a href="index.html">帮助</a></li>
	</ul>
</footer>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(function(){
		
		$("#navBar li").removeClass("active");
	})
</script>
</body>
</html>